$border-color: rgba(42,91,200,1);
$border-color-to:rgba(42,91,200,1);
$f-c:rgba(255,255,255,1);
$f-size:20px;

.pay-body{

    height: 100px;
    background-image: -webkit-linear-gradient(160deg,$border-color-to 20%,$border-color 60%);
    background-image: -moz-linear-gradient(160deg,$border-color-to 20%,$border-color 60%);
    background-image: linear-gradient(160deg,$border-color-to 20%,$border-color 60%);

    .pay-page{
        margin: 0 auto;
        width: 1100px;
        height: 600px;
        // background: rgba(4,291,200,.2);
        .fr{ float: right;};
        .qrcode-c{
            cursor:pointer;
            margin-top: 40px;
            padding: 10px 0;
            width: 53px;
            font-size: 14px;
            background: rgba(247,247,247,1);
            text-align: center;
            i{
                font-size: 22px;
            };
            &:hover{
               color: #000;
            };
        };
//-----------------------------------hander 
        .pay-page-hander{
            padding: 34px 0 18px;
            div{
                display:inline-block;
            };

            img{ border-right: 1px solid $f-c; padding-right: 21px; margin-bottom: 9px; };
            p{ padding-left: 21px; font-size:$f-size; color: $f-c  };
        };
// ------------------------------------body
        .pay-page-body{
            background: $f-c;
            padding-bottom: 60px;
            .body-titel-c{
                background: rgba(247,247,247,1);
                height: 116px;
                border-bottom: 1px solid rgba(217,217,217,1);
                .body-titel{
                    width: 355px;
                    height: 56px;
                    padding-top: 30px;
                    margin: 0 auto;
                    .body-img-c{
                        margin-top: 10px;
                        border-right: 1px solid rgba(217,217,217,1);
                        padding-right: 30px;
                        img{
                            width: 40px;
                            height: 40px;
                        };
                    };
                    .body-name-c{
                        margin-left: 30px;
                        p{
                            font-size: 16px;
                            color:  rgba(51,51,51,1);
                            margin-bottom: 0; 
                        };
                        h3{
                            font-size: 24px;
                            color:  rgba(255,145,16,1);
                        };
                    };
                };
            };
            .pay-tab-titel-page{
                padding-bottom: 10px;
                
                font-size: 20px;
                color: rgba(51,51,51,1);
                div{
                    cursor:pointer;
                    p{
                        height: 4px;
                        width: 16px;
                        margin-left: 16px;
                        margin-top: 5px;
                        border-radius: 4px;
                    };
                    &:hover {
                        color: rgba(0,115,255,1);
                        .form-tabs-title-active-bottom {
                            background: rgba(0,115,255,1);
                        };
                    };
                };
                .active{
                    color: rgba(0,115,255,1);
                    .form-tabs-title-active-bottom {
                        background: rgba(0,115,255,1);
                    };
                };
            };

            .pay-form-c{
                margin: 0 auto;
                width: 406px;
                h3{
                    font-size: 16px;
                    color: rgba(128,128,128,1);
                    text-align: center;
                    margin: 30px 0;
                };
                input{
                    height: 52px;
                    width: 405px;
                    font-size: 16px;
                };
                button{
                    height: 48px;
                    font-size: 16px;
                };
            };
            
            .ewm{
                border: 1px solid rgba(217,217,217,1);
                margin: 0 auto;
                background: rgba(247,247,247,1);
                padding-left: 90px;
                padding-top: 50px;
                p{
                    padding-top: 20px;
                    // text-align: center;
                    font-size: 16px;
                    color: rgba(191,191,191,1);
                };
            };

            .pay-close{
                padding: 115px 0;
                text-align: center;
                p{
                    font-size: 20px;
                    padding-top: 42px;
                    padding-bottom: 77px;
                }
            };

        };

// -------------------------------------f

        .pay-page-foor{
            text-align: center;
            color: gray;
            background: #f7f7f7;
            padding: 30px 0;
            font-size: 12px;
            border-top: 1px solid rgba(217,217,217,1);
        };
    };

};